<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html lang="en">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8" />
<title>RSC - 用户包裹查询</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="stilearning" />

<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/bootstrap-responsive.css" rel="stylesheet" />
<link href="css/stilearn.css" rel="stylesheet" />
<link href="css/stilearn-responsive.css" rel="stylesheet" />
<link href="css/stilearn-helper.css" rel="stylesheet" />
<link href="css/stilearn-icon.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<link href="css/animate.css" rel="stylesheet" />
<link href="css/uniform.default.css" rel="stylesheet" />

<link href="css/select2.css" rel="stylesheet" />
<link href="css/fullcalendar.css" rel="stylesheet" />
<link href="css/bootstrap-wysihtml5.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
	<!-- section header -->
	<header class="header">
		<!--nav bar helper-->
		<div class="navbar-helper">
			<div class="row-fluid">
				<!--panel site-name-->
				<div class="span10">
					<div class="panel-sitename">
						<h2>
							<a href="admin.html"><span class="color-teal">RSC</span>-System</a>
						</h2>
					</div>
				</div>
				<div class="span2">
					<!--panel button ext-->
					<div class="panel-ext">

						<div class="btn-group user-group">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#"> <img
								class="corner-all" align="middle" src="img/user-thumb.jpg"
								title="John Doe" alt="john doe" /> <!--this for display on PC device-->
								<button class="btn btn-small btn-inverse">John Doe</button> <!--this for display on tablet and phone device-->
							</a>
							<ul class="dropdown-menu dropdown-user" role="menu"
								aria-labelledby="dLabel">
								<li>
									<div class="media">
										<a class="pull-left" href="#"> <img class="img-circle"
											src="img/user.jpg" title="profile" alt="profile" /> </a>
										<div class="media-body description">
											<p>
												<strong>John Doe</strong>
											</p>
											<p class="muted">13800000</p>
											<p class="action">
												<a class="link" href="alterinfo.html">Setting</a>
											</p>
											<a href="bonus-page/resume/index.html"
												class="btn btn-primary btn-small btn-block">View Profile</a>
										</div>
									</div></li>
								<li class="dropdown-footer">
									<div>
										<a class="btn btn-small " href="login.html">Logout</a>
									</div></li>
							</ul>
						</div>
					</div>
					<!--panel button ext-->
				</div>
			</div>
		</div>
		<!--/nav bar helper-->
	</header>

	<!-- section content -->
	<section class="section">
		<div class="row-fluid">
			<!-- span side-left -->
			<div class="span1">
				<!--side bar-->
				<aside class="side-left">
					<ul class="sidebar">
						<li class="active first"><a href="user.jsp" title="dashboard">
								<div class="helper-font-24">
									<i class="icofont-dashboard"></i>
								</div> <span class="sidebar-text">主页</span> </a></li>
						<li><a href="userInfo" title="interface">
								<div class="helper-font-24">
									<i class="icofont-magnet"></i>
								</div> <span class="sidebar-text">个人信息</span> </a></li>
						<li><a href="userParcels" title="grids">
								<div class="helper-font-24">
									<i class="icofont-columns"></i>
								</div> <span class="sidebar-text">我的包裹</span> </a></li>
					</ul>
				</aside>
				<!--/side bar -->
			</div>
			<!-- span side-left -->

			<!-- span content -->
			<div class="span11">
				<!-- content -->
				<div class="content">
					<!-- content-header -->
					<div class="content-header">
						<ul class="content-header-action pull-right">

						</ul>
						<h2>
							<i class="icofont-home"></i> 我的包裹
						</h2>
					</div>
					<!-- /content-header -->

					<!-- content-body -->
					<div class="content-body">
						<!-- dashboar -->
						<!--datatables-->
						<div class="row-fluid">
							<div class="span12">
								<div class="box corner-all">
									<div class="box-header grd-white corner-top">
										<span>我的包裹</span>
									</div>
									<div class="box-body">
										<table id="datatables"
											class="table table-bordered table-striped responsive">
											<thead>
												<tr>
													<th>快递单号</th>
													<th>寄件姓名</th>
													<th>寄件电话</th>
													<th>寄件地址</th>
													<th>收件名称</th>
													<th>收件电话</th>
													<th>收件地址</th>
													<th>快递费用</th>
													<th>付款方式</th>
													<th>重量</th>
													<th>状态</th>
													<th>备注</th>
												</tr>
											</thead>
											<tbody>
											<s:iterator value="parcels"  id="parcel">
													<tr class="odd gradeX">
														<td><s:property value="id"/></td>
														<td><s:property value="sendName"/></td>
														<td><s:property value="sendTel"/></td>
														<td><s:property value="sendAddr"/></td>
														<td><s:property value="recName"/></td>
														<td><s:property value="recTel"/></td>
														<td><s:property value="recAddr"/></td>
														<td>10</td>
														<td><s:if test="payType==0">已付</s:if>
														<s:else>到付</s:else>
														</td>
														<td><s:property value="weight"/></td>
														<td class="center"><s:if test="status==0">未处理</s:if>
														<s:elseif test="status==1">正在处理</s:elseif>
														<s:else>已送达</s:else>
														</td>
														<td class="center">
														<s:if test="comment==null">&nbsp</s:if>
														<s:else><s:property value="comment"/></s:else>
														</td>
													</tr>
											</s:iterator>
											</tbody>
										</table>
									</div>
									<!-- /box-body -->
								</div>
								<!-- /box -->
							</div>
							<!-- /span -->
						</div>
						<!--/datatables-->

						<div class="divider-content">
							<span></span>
						</div>
						<!-- tab resume content -->
						<div class="row-fluid">
							<!-- tab resume update -->
							<div class="span6"></div>
							<!-- tab resume update -->
							<div class="span6"></div>
						</div>
						<!-- tab stat -->
					</div>
					<!--/content-body -->
				</div>
				<!-- /content -->
			</div>
			<!-- /span content -->

			<!-- span side-right -->
			<!-- /span side-right -->
		</div>
	</section>

	<!-- section footer -->
	<footer>
		<a rel="to-top" href="#top"><i class="icofont-circle-arrow-up"></i>
		</a>
	</footer>

	<!-- javascript
        ================================================== -->
	<!--<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->
	<script src="js/jquery.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/uniform/jquery.uniform.js"></script>

	<script src="js/datatables/jquery.dataTables.min.js"></script>
	<script src="js/datatables/extras/ZeroClipboard.js"></script>
	<script src="js/datatables/extras/TableTools.min.js"></script>
	<script src="js/datatables/DT_bootstrap.js"></script>
	<script src="js/responsive-tables/responsive-tables.js"></script>

	<!-- required stilearn template js, for full feature-->
	<script src="js/holder.js"></script>
	<script src="js/stilearn-base.js"></script>

	<script type="text/javascript">
		$(document)
				.ready(
						function() {
							// try your js

							// uniform
							$('[data-form=uniform]').uniform();

							// datatables
							$('#datatables')
									.dataTable(
											{
												"sDom" : "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
												"sPaginationType" : "bootstrap",
												"oLanguage" : {
													"sLengthMenu" : "_MENU_ records per page"
												}
											});

							// datatables table tools
							$('#datatablestools')
									.dataTable(
											{
												"sDom" : "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
												"oTableTools" : {
													"aButtons" : [
															"copy",
															"print",
															{
																"sExtends" : "collection",
																"sButtonText" : 'Save <span class="caret" />',
																"aButtons" : [
																		"xls",
																		"csv",
																		{
																			"sExtends" : "pdf",
																			"sPdfOrientation" : "landscape",
																			"sPdfMessage" : "Your custom message would go here."
																		} ]
															} ],
													"sSwfPath" : "js/datatables/swf/copy_csv_xls_pdf.swf"
												}
											});
						});
	</script>
</body>
</html>
